From b20c30fb47e7d18e1c6a3b8a884010a21801e040 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Mon, 27 Nov 2023 01:36:58 -0800
Subject: add metadata tags for pages

---
 src/pages/stats/[slug].tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'src/pages/stats/[slug].tsx')

diff --git a/src/pages/stats/[slug].tsx b/src/pages/stats/[slug].tsx
index 1b253ee..54c7e9b 100644
--- a/src/pages/stats/[slug].tsx
+++ b/src/pages/stats/[slug].tsx
@@ -4,6 +4,7 @@ import TitleBar from "../../components/TitleBar/TitleBar";
 import { ChannelCard } from "@/components/channel-card";
 import DataChart from "@/components/DataChart/DataChart";
 import Footer from "@/components/Footer/Footer";
+import Head from 'next/head'
 
 interface ChannelDataProp {
   channel_name: string;
@@ -41,6 +42,15 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 function Page({ chartData, channelData, sevenDayGraphData, slug }: { chartData: GraphDataProp, channelData: ChannelDataProp, sevenDayGraphData: GraphDataProp, slug: string }) {
   return (
     <>
+      <Head>
+        <title>{slug as string} - PhaseTracker</title>
+        <meta property="og:title" content={`${slug as string} - PhaseTracker`}/>
+        <meta name="description" content={`${channelData.sub_org} - ${channelData.subscribers}`} />
+        <meta name="og:description" content={`${channelData.sub_org} - ${channelData.subscribers}`} />
+        <meta property="og:image" content={`${channelData.profile_pic}`}/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
+        <meta name="author" content="Pinapelz"></meta>
+      </Head>
       <TitleBar title={slug as string} redirectUrl="/" showHomeButton backgroundColor="black" />
       <div className="flex justify-center">
         <div className="flex flex-col items-center">
-- 
cgit v1.2.3

